<template>
  <div class="app-container">
    <ehead index="5"></ehead>
    <uploads type="名片"></uploads>
    <div style="background-color: rgb(239 239 239 / 40%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          名片二维码生成器，免费提供名片制作，名片永久有效
        </div>
        <div class="text-center mt-4" style="font-size: 18px; color: rgb(86 85 85 / 100%)">
          免费提供个人名片和企业名片制作，可随时修改名片内容二维码不变，替代纸质名片，方便转发分享，扫码即可查看
        </div>
        <el-row class="mt-10">
          <el-col :span="12">
            <div class="">
              <div class="m-2" style="font-size: 20px; font-weight: 600">替代纸质名片，方便转发分享</div>
              <div class="m-2">
                扫描二维码，就能查看名片内容，还具备一键保存功能，<br />
                名片支持多种格式的内容展示，无论是图文，还是视频，亦或是表格，都能以最直观、最清晰的方式展现。
              </div>
              <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">名片二维码免费制作，不限数量</div>
              <div class="m-2">
                调整个人联系信息、职位变动或是更新服务内容，都能够立即生效，并且保持二维码不变<br />
                名片二维码永久有限，还能够统计查看次数。
              </div>
              <div class="text-center mt-10">
                <el-button
                  class="mt-10"
                  color="#333333"
                  size="large"
                  style="width: 140px; height: 50px; margin: 0 auto; font-size: 16px"
                  >立即使用</el-button
                >
              </div>
            </div>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/img/%E5%9B%BE%E7%89%87%2020%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/img/%E5%9B%BE%E7%89%87%2021%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
    </div>
    <div style="background-color: rgb(255 255 255 / 100%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          常见问题
        </div>

        <el-row class="mt-10">
          <el-col :span="12">
            <div class="m-2" style="font-size: 20px; font-weight: 600">如何创建英文名片？</div>
            <div class="m-2">
              名片的字段会以图标的形式展示，只需要直接输入英文内容，即可生成英文名片，名片的按钮会跟随微信语音自动切换成英文。<br />
              因为名片是基于微信小程序开发的，所以仅支持微信扫码打开，如果名片主要应用于国外，需使用其他APP可以扫码打开名片。
            </div>
            <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">如何修改名片的内容？ </div>
            <div class="m-2">自己的名片可以认领到微信中，在亿码互联小程序中进行修改。</div>
          </el-col>
          <el-col :span="12">
            <div class="m-2" style="font-size: 20px; font-weight: 600">
              名片码上超过3个号码时，为什么不能全部保存 到通讯录？ 
            </div>
            <div class="m-2">
              受微信小程序接口的限制，保存到通讯录时最多只能保存3个号码（包含手机号和电话号码）。<br />
              因微信小程序与安卓手机的接口不适配的缘故，使用安卓手机保存名片时，需要自己手动选择一下名片字段。
            </div>
            <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">为什么提示手机号错误，无法创建名片？</div>
            <div class="m-2">
              手机号为必填项，不得为空核对输入的手机号位数是否正确；是否为大陆地区手机号，目前仅支持大陆手机号创建名片。
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
    <div style="background-color: rgb(239 239 239 / 40%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          免费即可使用，通过更多应用案例快速创建
        </div>
        <div class="text-center mt-4" style="font-size: 18px; color: rgb(86 85 85 / 100%)">
          我们整理了用户的真实使用案例，并做成了模板，你可以修改内容，快速创建你的二维码
        </div>
        <div class="text-center mt-10">
          <a href="/v3">
            <el-button
              class="mt-10"
              color="#333333"
              size="large"
              style="width: 140px; height: 50px; margin: 0 auto; font-size: 16px"
              >立即使用</el-button
            >
          </a>
        </div>
      </div>
    </div>
    <efoot></efoot>
  </div>
</template>

<script setup>
import uploads from '@/views/components/index/upload.vue';
import ehead from '@/views/components/index/head.vue';
import efoot from '@/views/components/index/foot.vue';
onMounted(() => {});
</script>
<style scoped lang="less">
.content {
  width: 1200px;
  margin: 0 auto;
}
.c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 60px 20px;
  min-width: 1200px;
}
</style>

